<%--suppress ALL --%>
<%--
  Created by IntelliJ IDEA.
  User: kingry lee
  Date: 2019/12/30
  Time: 9:28
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>个人中心</title>
    <link type="text/css" rel="stylesheet" href="../css/style.css" />
    <script type="text/javascript" src="../js/jquery.min.js"></script>

    <script>
        function nowtime()
        {//年月日三级联动
            var da,ny,nm,nd;
            da = new Date();
            ny = da.getFullYear();
            nm = da.getMonth();
            nd = da.getDate();
            document.form1.year2.value = ny;
            document.form1.month2.value = nm+1;
            document.form1.day2.value = nd;
        }
    </script>
</head>

<body>

<div class="user_top">
    <div class="user_c">
        <div class="user_top_l">
            <a href="../index.jsp" target="_blank">回到首页</a>
            欢迎您，${sessionScope.user.nickname}  &nbsp;&nbsp;&nbsp;
            <a href="${pageContext.request.contextPath}/user?method=exit" target="_blank">退出</a>
        </div>
        <div class="user_top_r">
            <ul>
                <li><a href="" target="_blank">帮助中心</a></li>
                <li><a href="" target="_blank">关于我们</a></li>

            </ul>
        </div>
    </div>
</div>

<div class="user_nav">
    <div class="user_c">
        <div class="user_nav_l">用户中心</div>
        <div class="user_nav_r">
            <input name="search2" type="text"  class="uesr_s"/>
            <input name="search2" type="button"  class="uesr_b"/>
        </div>
    </div>
</div>

<div class="user_cont">
    <!--left begin -->
    <div class="user_cont_left">
        <dl>
            <dt>我的交易</dt>
            <dd><a href="${pageContext.request.contextPath}/order?method=query&id=${sessionScope.user.userId}">我的订单</a></dd>
            <dd><a href="${pageContext.request.contextPath}/book?method=collectQ">我的收藏</a></dd>
            <dd><a href="">我的账单</a></dd>
            <dd><a href="">我的购物车</a></dd>
            <dd><a href="">已经购买的商品</a></dd>
        </dl>
        <dl>
            <dt>自助服务</dt>
            <dd><a href="">申请查询退换货</a></dd>
            <dd><a href="">查询退换货记录</a></dd>
        </dl>
        <dl>
            <dt>我的账户</dt>
            <dd><a href="">我的积分</a></dd>
            <dd><a href="">我的消息</a></dd>
            <dd><a href="">我的收获地址</a></dd>
            <dd  class="active"><a href="">个人档案</a></dd>
        </dl>
        <dl>
            <dt>社区中心</dt>
            <dd><a href="${pageContext.request.contextPath}/remark?method=queryAll">我的评论</a></dd>
            <dd><a href="">兑换专区</a></dd>
        </dl>
    </div>
    <script type="text/javascript">
        $(document).ready(function(){
            $(".user_cont_left dl dt").click(function(){
                $(this).siblings().slideToggle("slow");
                $(this).toggleClass("jia"); return false;
            });

        });
    </script>
    <!--left end -->
    <!--right begin -->
    <div class="user_cont_right">
        <div class="user_lmt">
            <div class="user_lmt1">个人档案</div>

        </div>
        <div class="user_coment">
            <div class="gr_wap">
                <p class="gr_ts">亲爱的&nbsp;<b>${sessionScope.user.nickname}</b>，请填写真实的资料</p>
                <form action="${pageContext.request.contextPath}/file.do" method="post" enctype="multipart/form-data">
                    <dl>
                        <dt>当前头像：</dt>
                        <dd>
                            <div class="pic_head"><img src="../../upload/${sessionScope.user.picture}" width="88" height="87" /></div>
                            <div class="pic_choice">
                                <p class="pic_choice1">
                                    请从您的电脑中上传图片作为头像：
                                    <span class="gray">(建议尺寸96*96像素，300k以内)</span>
                                </p>
                                <p class="browse_mypic">
                                    <input type="file" name="picture" required id="Myfile" size="36" maxlength="30" onchange="" onclick="" onkeydown="" style="height:21px; width:290px; font-size:12px; padding-top:3px; float:left;" />
                                    <input type="hidden" name="id" value="${sessionScope.user.userId}">
                                    <%--<input type="hidden" name="hid_opt" id="hid_opt" />
                                    <input onclick="" name="btnUpload" type="button" id="btnUpload" class="browse_button" Height="20px" value="上传" disabled="disabled" />--%>
                                </p>
                            </div>

                        </dd>
                    </dl>
                    <dl>
                        <dt><span class="red">*</span>身份：</dt>
                        <dd>
                            <label>
                                <input type="radio" required name="RadioGroup1" value="在校学生" id="RadioGroup1_0" />
                                在校学生</label>

                            <label>
                                <input type="radio" name="RadioGroup1" value="教师" id="RadioGroup1_1" />
                                教师</label>
                            <input type="radio" name="RadioGroup1" value="上班族" id="RadioGroup1_2" />
                            上班族
                            <input type="radio" name="RadioGroup1" value="自由职业" id="RadioGroup1_3" />
                            自由职业

                        </dd>
                    </dl>
                    <dl>
                        <dt><span class="red">*</span>真实姓名：</dt>
                        <dd><input name="realname" required type="text" class="realname"/></dd>
                    </dl>
                    <dl>
                        <dt>性别：</dt>
                        <dd>

                            <label>
                                <input type="radio" name="sex" value="男" id="RadioGroup2_0" />
                                男</label>

                            <label>
                                <input type="radio" name="sex" value="女" id="RadioGroup2_1" />
                                女</label>
                        </dd>
                    </dl>
                    <dl>
                        <dt>EMAIL：</dt>
                        <dd><input name="email" type="text" class="realname"/></dd>
                    </dl>
                    <dl>
                        <dt>QQ：</dt>
                        <dd><input name="qq" type="text" class="realname"/></dd>
                    </dl>
                    <dl>
                        <dt>学校：</dt>
                        <dd><input name="school" type="text" class="realname"/></dd>
                    </dl>
                    <dl>
                        <dt>班级：</dt>
                        <dd><input name="class" type="text" class="realname"/></dd>
                    </dl>
                    <dl>
                        <dt>生日：</dt>
                        <dd>
                            <select name="year2" >
                                <option value="2010">2010</option>
                                <option value="2011">2011</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                                <option value="2016">2016</option>
                                <option value="2017">2017</option>
                                <option value="2018">2018</option>
                                <option value="2019">2019</option>
                                <option value="2020">2020</option>
                            </select>

                            <select name="month2">
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                            </select>

                            <select name="day2">
                                <option value="1">1</option>
                                <option value="2" >2</option>
                                <option value="3" >3</option>
                                <option value="4" >4</option>
                                <option value="5" >5</option>
                                <option value="6" >6</option>
                                <option value="7" >7</option>
                                <option value="8" >8</option>
                                <option value="9" >9</option>
                                <option value="10" >10</option>
                                <option value="11" >11</option>
                                <option value="12" >12</option>
                                <option value="13" >13</option>
                                <option value="14" >14</option>
                                <option value="15" >15</option>
                                <option value="16" >16</option>
                                <option value="17" >17</option>
                                <option value="18" >18</option>
                                <option value="19" >19</option>
                                <option value="20" >20</option>
                                <option value="21" >21</option>
                                <option value="22" >22</option>
                                <option value="23" >23</option>
                                <option value="24" >24</option>
                                <option value="25" >25</option>
                                <option value="26" >26</option>
                                <option value="27" >27</option>
                                <option value="28" >28</option>
                                <option value="29" >29</option>
                                <option value="30" >30</option>
                                <option value="31" >31</option>
                            </select>
                            <span class="gray">出生年份为保密</span>
                            <script language="Javascript">
                                if (this.form1.month2!="")
                                {nowtime()}
                            </script>
                        </dd>
                    </dl>
                    <dl>
                        <dt>兴趣爱好：</dt>
                        <dd><textarea name="hobby" cols="" rows="" class="aihao" placeholder="不同项目之间用空格分开，例如“旅行 阅读 瑜伽"></textarea></dd>
                    </dl>
                    <dl>
                        <dt>自我介绍：</dt>
                        <dd><textarea name="introduce" cols="" rows="" class="jieshao" placeholder=""></textarea></dd>
                    </dl>
                    <dl>
                        <dt></dt>
                        <dd><input type="submit" class="save_xx" value="保存基本信息"/></dd>
                    </dl>
                </form>
            </div>
        </div>
    </div>
    <!--right end -->
</div>

<div class="footer_m mar38">
    <div class="footer_nav">
        <a href="" target="_blank">关于我们</a>|
        <a href="" target="_blank">联系我们</a>|
        <a href="" target="_blank">人才招聘</a>|
        <a href="" target="_blank">广告服务</a>|
        <a href="" target="_blank">友情链接</a>|
        <a href="" target="_blank">销售联盟</a>|
        <a href="" target="_blank">公司简介</a>
    </div>
    <div class="footer_copyright">
        网络文化经营许可证鄂网文[2015]0278-060号  Copyright © 2015-2018  版权所有
    </div>
</div>
<c:if test="${param.msg == 1}">
<script>
    alert("个人信息更新成功！")
</script>
</c:if>
</body>
</html>